<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>This is my first opus</title>
		<style>
			body {
				margin: 0;
				padding: 0;
				background-image: url(04.jpg);
				background-size: cover;
			}
			.box {
				color: azure;
				width: 450px;
				background: rgba(255, 255, 255, 0.3);
				padding: 20px;
				text-align: center;
				margin: auto;
				margin-top: 5%;
				font-family: 'Century Gothic', sans-serif;
				
			}
			.box #portrait {
			            width: 300px;
			            height: 300px;
			            border-radius: 50%;
						border-style: inset;
						border-width: 10px;
			        }
			.box #name {
				font-size: 50px;
				letter-spacing: 4px;
				ont-weight: 400;
			}
			.box h3 {
				font-size: 20px;
				letter-spacing: 3px;
				font-weight: 300;
			}
			.box td {
				text-align: left;
			}
			.box #table{
				font-size: 20px;
				letter-spacing: 3px;
				width: 59%;
				height: 60%;
				margin: auto;
				
			}
		</style>
	</head>
	<body>
		<div class="box">
			<img src="02.jpg" alt="头像" title="头像" id="portrait" >
			<h1 id="name"> 杨鋕彬 </h1>
			<h3>专业班级：计算机科学与技术 20级2班</h3>
			<div id="table">
				<table>
					<tr>
						<td>QQ号码</td>
						<td>&nbsp;1696783502</td>
					</tr>
					<tr>
						<td>手机号码</td>
						<td>&nbsp;15729854769</td>
					</tr>
				</table>
			</div>
			
			<h3>爱好：羽毛球、排球</h3>
				
		</div>
	</body>
</html>